<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Registro de clientes</title>
    </h:head>
    <h:body style="font-size: 12px">


        <br />  <h:link outcome="index" value="Inicio" /> <br /><br />

        <h:panelGroup style="width: 50%">
            <h:panelGrid columns="1">
                <p:panel header="Registrar cliente">

                        <h:form id="formRC">


                            <h:panelGrid columns="1" cellpadding="10">

                                <h:panelGrid columns="2" cellpadding="5">

                                    <h:outputText value="Cedula: *"/>
                                    <p:inputText value="#{clienteBean.cliente.cedula}"/>  

                                    <h:outputText value="Nombre: *"/>
                                    <p:inputText value="#{clienteBean.cliente.nombre}"/>

                                    <h:outputText value="Apellido: *"/>
                                    <p:inputText value="#{clienteBean.cliente.apellido}"/>
                           
                                    <h:outputText value="Direccion: *"/>
                                    <p:inputText value="#{clienteBean.cliente.direccion}"/>
                                    
                                    <h:outputText value="Puntos: *"/>
                                    <p:inputText value="#{clienteBean.cliente.cantidadpuntos}"/>


                                    <h:outputText value="Ciudad: *"/>
                                    <p:selectOneMenu value="#{clienteBean.cliente.codCiudad}" converter="CiudadConverter">
                                        <f:selectItem itemLabel="Seleccione una ciudad" value="#{null}" />
                                        <f:selectItems value="${clienteBean.ciudades}"/>
                                    </p:selectOneMenu>

                                </h:panelGrid>

                                <p:commandButton value="Guardar" actionListener="#{clienteBean.saveAction}" update=":formRC,:formClientes" />

                            </h:panelGrid>



                        </h:form>
                
                </p:panel>


                <h:form prependId="false" id="formClientes">  

                    <p:dataTable id="dataTable" var="cliente" value="#{clienteBean.systemControl.clientes}"  
                                 paginator="true" rows="5"  
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15" >  
                        <f:facet name="header">  
                            Clientes Registradas
                        </f:facet>  

                        <p:column>  
                            <f:facet name="header">  
                                <h:outputText value="Cedula" />  
                            </f:facet>  
                            <h:outputText value="#{cliente.cedula}" />  
                        </p:column>  

                        <p:column>  
                            <f:facet name="header">  
                                <h:outputText value="Nombre" />  
                            </f:facet>  
                            <h:outputText value="#{cliente.nombre}" />  
                        </p:column> 
                        
                        <p:column>  
                            <f:facet name="header">  
                                <h:outputText value="Apellido" />  
                            </f:facet>  
                            <h:outputText value="#{cliente.apellido}" />  
                        </p:column>  
                        
                        <p:column>  
                            <f:facet name="header">  
                                <h:outputText value="Ciudad" />  
                            </f:facet>  
                            <h:outputText value="#{cliente.codCiudad.nombre}" />  
                        </p:column>  

                    </p:dataTable>  
                </h:form>  

            </h:panelGrid>
        </h:panelGroup>

    </h:body>
</html>

